
@layer base {
  
  body, :host {
    /* Color */
      --ColorPrimaryHover: #1d7df2;
--black: black;
--Xwhite: #e7e9ea;
--Xline: #2f3336;
--grey-00: #ffffffff;
--grey-50: #FAFAFA;
--grey-100: #F5F5F5;
--grey-200: #E5E5E5;
--grey-300: #D4D4D4;
--grey-400: #A3A3A3;
--grey-500: #737373;
--grey-600: #525252;
--grey-700: #404040;
--grey-800: #262626;
--grey-900: #171717;
--grey-1600: #171717;
--grey-1700: #171717;
--background: #454545;
--red-50: #FEF2F2;
--red-100: #FEE2E2;
--red-200: #FECACA;
--red-300: #FCA5A5;
--red-400: #F87171;
--red-500: #EF4444;
--red-600: #DC2626;
--red-700: #B91C1C;
--red-800: #991B1B;
--red-900: #7F1D1D;
--blue-50: #EFF6FF;
--blue-100: #DBEAFE;
--blue-200: #BFDBFE;
--blue-300: #93C5FD;
--blue-400: #60A5FA;
--blue-500: #3B82F6;
--blue-600: #2563EB;
--blue-700: #1D4ED8;
--blue-800: #1E40AF;
--blue-900: #1E3A8A;
--lime-50: #F7FEE7;
--lime-100: #ECFCCB;
--lime-200: #D9F99D;
--lime-300: #BEF264;
--lime-400: #A3E635;
--lime-500: #84CC16;
--lime-600: #65A30D;
--lime-700: #4D7C0F;
--lime-800: #3F6212;
--lime-900: #365314;
--pink-50: #FDF2F8;
--pink-100: #FCE7F3;
--pink-200: #FBCFE8;
--pink-300: #F9A8D4;
--pink-400: #F472B6;
--pink-500: #EC4899;
--pink-600: #DB2777;
--pink-700: #BE185D;
--pink-800: #9D174D;
--pink-900: #831843;
--teal-50: #F0FDFA;
--teal-100: #CCFBF1;
--teal-200: #99F6E4;
--teal-300: #5EEAD4;
--teal-400: #2DD4BF;
--teal-500: #14B8A6;
--teal-600: #0D9488;
--teal-700: #0F766E;
--teal-800: #115E59;
--teal-900: #134E4A;
--green-50: #ECFDF5;
--green-100: #D1FAE5;
--green-200: #A7F3D0;
--green-300: #6EE7B7;
--green-400: #34D399;
--green-500: #10B981;
--green-600: #059669;
--green-700: #047857;
--green-800: #065F46;
--green-900: #064E3B;
--purple-50: #F5F3FF;
--purple-100: #EDE9FE;
--purple-200: #DDD6FE;
--purple-300: #C4B5FD;
--purple-400: #A78BFA;
--purple-500: #8B5CF6;
--purple-600: #7C3AED;
--purple-700: #6D28D9;
--purple-800: #5B21B6;
--purple-900: #4C1D95;
--yellow-50: #FFFBEB;
--yellow-100: #FEF3C7;
--yellow-200: #FDE68A;
--yellow-300: #FCD34D;
--yellow-400: #FBBF24;
--yellow-500: #F59E0B;
--yellow-600: #D97706;
--yellow-700: #B45309;
--yellow-800: #92400E;
--yellow-900: #78350F;
--color-text-primary: #171717;
  /* Fonts */
    --font-sans: 'Inter',sans-serif;
--font-montserrat: 'Montserrat',sans-serif;
--font-spacemono: 'Space Mono',monospace;

    /* Font size */
    --font-size-xxs: 0.625rem;
--font-size-xs: 0.75rem;
--font-size-sm: 0.875rem;
--font-size-base: 1rem;
--font-size-lg: 1.125rem;
--font-size-xl: 1.25rem;
--font-size-2xl: 1.5rem;
--font-size-3xl: 1.875rem;
--font-size-4xl: 2.25rem;
--font-size-5xl: 3rem;
    /* Font weight */
    --font-weight-thin: 100;
--font-weight-lighter: 200;
--font-weight-light: 300;
--font-weight-regular: 400;
--font-weight-normal: 500;
--font-weight-bold: 700;
--font-weight-semi-bold: 600;
--font-weight-bolder: 800;
--font-weight-black: 900;
    /* Shadows */
    --shadow-sm:  0 1px 2px 0 rgba(0, 0, 0, 0.25);
--shadow-base:  0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
--shadow-md:  0 4px 6px -1px rgba(0, 0, 0, 0.25), 0 2px 4px -1px rgba(0, 0, 0, 0.25);
--shadow-lg:  0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px rgba(0, 0, 0, 0.25);
--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.25), 0 10px 10px -5px rgba(0, 0, 0, 0.25);
--shadow-2xl:  0 25px 50px -12px rgba(0, 0, 0, 0.25);
    /* Border radius */
    
    /* Spacing */
    --breakpoint-tablet: 991px;
--breakpoint-mobile-landscape: 767px;
--breakpoint-mobile-portrait: 479px;
--xxsmall: 0.25rem;
--xsmall: 0.5rem;
--small: 1rem;
--medium: 2rem;
--large: 4rem;
--xlarge: 8rem;
    /* Z-index */
    
  }
  @keyframes animation-spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes animation-fade-in {
    from {
      opacity:0;
    }
    to {
      opacity:1;
    }
  }
  @keyframes animation-fade-out {
    from {
      opacity:1;
    }
    to {
      opacity:0;
    }
  }
}

      
  .ezqATd {
    top:0px;
  color:#ffffff;
  width:100%;
  bottom:0px;
  position:relative;
  flex-wrap:wrap;
  background:#000000;
  font-family:;
  flex-direction:row;
  }
      

  .cCYXsI {
    width:100%;
  }
      

  .fvitRu {
    display:flex;
  flex-grow:1;
  max-width:350px;
  background:url("https://toddle.dev/cdn-cgi/imagedelivery/ZIty0Vhmkm0nD-fBKJrTZQ/toddle:toddle-default-image.jpg/540") scroll padding-box border-box repeat repeat center center / cover;
  flex-basis:100px;
  transition:all 300ms ease;
  align-items:center;
  flex-shrink:1;
  padding-top:20px;
  aspect-ratio:2/3;
  padding-bottom:20px;
  justify-content:flex-end;
  border-top-left-radius:12px;
  border-top-right-radius:12px;
  border-bottom-left-radius:12px;
  border-bottom-right-radius:12px;
  }
      

  .fvitRu.selected {
    box-shadow:0px 0px 12px 8px var(--ColorPrimaryHover);
  transition:all 300ms ease 0ms;
  }
      

  .fvitRu:hover {
    background:url("https://toddle.dev/cdn-cgi/imagedelivery/ZIty0Vhmkm0nD-fBKJrTZQ/toddle:toddle-default-image.jpg/540") scroll border-box padding-box no-repeat repeat center center / cover;
  transition:all 300ms ease  normal;
  }
      

  .cztSGk {
    color:#ffffff;
  font-size:var(--font-size-lg);
  }
      

  .cztSGk.error {
    color:#b20a0ab5;
  }
      

  .bxotEd {
    width:30px;
  height:30px;
  display:flex;
  align-items:center;
  padding-top:10px;
  border-color:#828282;
  border-style:solid;
  border-width:2px;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:10px;
  justify-content:center;
  border-top-left-radius:50%;
  border-top-right-radius:50%;
  border-bottom-left-radius:50%;
  border-bottom-right-radius:50%;
  }
      

  .bxotEd.completed {
    color:#ffffff;
  background:var(--ColorPrimaryHover);
  border-color:#00000000;
  border-style:solid;
  border-width:1px;
  }
      

  .ehWBmz {
    width:100%;
  height:;
  display:flex;
  row-gap:30px;
  column-gap:30px;
  align-items:flex-start;
  flex-direction:column;
  justify-content:flex-start;
  border-top-left-radius:20px;
  border-top-right-radius:20px;
  border-bottom-left-radius:20px;
  border-bottom-right-radius:20px;
  }
      

  .esOazM {
    width:100%;
  row-gap:15px;
  column-gap:15px;
  }
      

  .fHqAbj {
    width:100%;
  display:flex;
  row-gap:30px;
  max-width:100%;
  min-width:100%;
  column-gap:30px;
  align-items:flex-start;
  flex-direction:row;
  justify-content:center;
  }
      

  .bkepuC {
    width:100%;
  display:flex;
  row-gap:30px;
  flex-wrap:wrap;
  max-width:100%;
  min-width:100%;
  column-gap:30px;
  align-items:stretch;
  flex-direction:row;
  justify-content:center;
  }
      

  .coxVzC {
    width:90px;
  cursor:pointer;
  height:40px;
  display:flex;
  background:var(--colorbackground);
  align-items:center;
  border-color:#585555;
  border-style:solid;
  border-width:1px;
  flex-direction:row;
  justify-content:center;
  border-top-color:var(--grey-600);
  border-top-style:solid;
  border-top-width:2px;
  border-top-left-radius:6px;
  border-top-right-radius:6px;
  border-bottom-left-radius:6px;
  border-bottom-right-radius:6px;
  }
      

  .coxVzC.selected {
    box-shadow:0px 0px 12px 8px var(--ColorPrimaryHover);
  transition:all 300ms ease 0ms;
  border-color:#01408d;
  border-style:solid;
  border-width:4px;
  border-top-left-radius:6px;
  border-top-right-radius:6px;
  border-bottom-left-radius:6px;
  border-bottom-right-radius:6px;
  }
      

  .coxVzC.error {
    box-shadow:0px 2px 4px 0px #00000020;
  border-color:#ff0000;
  border-style:solid;
  border-width:3px;
  }
      

  .coxVzC.unselected {
    opacity:0.58;
  box-shadow:0px 2px 4px 0px #00000020;
  }
      

  .czmdyw {
    width:60px;
  height:3px;
  display:flex;
  min-width:20px;
  background:#828282;
  align-items:center;
  flex-shrink:1;
  justify-content:center;
  border-right-color:#3a9bcf;
  border-right-style:solid;
  border-right-width:3px;
  }
      

  .czmdyw.completed {
    background:var(--ColorPrimaryHover);
  }
      

          @media (max-width: 454px) {
            
  .czmdyw {
    width:20px;
  }
      

          }
          
        
  .GAHBd {
    width:100%;
  display:flex;
  row-gap:15px;
  column-gap:15px;
  align-items:flex-start;
  justify-content:flex-start;
  }
      

  .bbRmNF {
    flex-grow:1;
  font-size:16px;
  background:;
  padding-top:10px;
  padding-left:5px;
  padding-right:5px;
  padding-bottom:10px;
  border-top-left-radius:7%;
  border-top-right-radius:7%;
  border-bottom-left-radius:7%;
  border-bottom-right-radius:7%;
  }
      

  .crciRZ {
    width:165px;
  height:180px;
  display:flex;
  background:url("https://toddle.dev/cdn-cgi/imagedelivery/ZIty0Vhmkm0nD-fBKJrTZQ/toddle:toddle-default-image.jpg/540") scroll border-box padding-box repeat repeat center center / cover #666666;
  transition:all 900ms ease;
  align-items:center;
  padding-top:20px;
  padding-bottom:20px;
  justify-content:flex-end;
  border-top-left-radius:12px;
  border-top-right-radius:12px;
  border-bottom-left-radius:12px;
  border-bottom-right-radius:12px;
  }
      

  .crciRZ.selected {
    box-shadow:0px 0px 12px 8px var(--ColorPrimaryHover);
  transition:all 300ms ease 0ms;
  }
      

  .crciRZ:hover {
    background:url("https://toddle.dev/cdn-cgi/imagedelivery/ZIty0Vhmkm0nD-fBKJrTZQ/toddle:toddle-default-image.jpg/540") scroll border-box padding-box no-repeat repeat center center / cover;
  transition:all 900ms ease  normal;
  }
      

  .crciRZ.unselected {
    opacity:0.5;
  }
      

  .crciRZ.error {
    translate:0 1px 0;
  transition:all 300ms ease  , translate 300ms ease;
  border-color:#ff2e2e;
  border-style:solid;
  border-width:5px;
  }
      

          @media (max-width: 430px) {
            
  .crciRZ {
    width:90px;
  height:110px;
  }
      

          }
          
        
  .fqAsjH {
    color:;
  width:fit-content;
  font-size:0.8rem;
  background:#7a7a7ac7;
  padding-top:3px;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:3px;
  border-top-left-radius:12px;
  border-top-right-radius:12px;
  border-bottom-left-radius:12px;
  border-bottom-right-radius:12px;
  }
      

  .fqAsjH.error {
    color:#ffffff;
  background:#f93434;
  }
      

  .fqAsjH.selected {
    background:#388bff;
  }
      

  .ervqYJ {
    font-size:var(--font-size-xl);
  }
      

  .eAfaXW {
    width:100%;
  height:;
  display:flex;
  row-gap:30px;
  column-gap:30px;
  align-items:center;
  padding-left:90px;
  padding-right:90px;
  flex-direction:column;
  justify-content:center;
  border-top-left-radius:20px;
  border-top-right-radius:20px;
  border-bottom-left-radius:20px;
  border-bottom-right-radius:20px;
  }
      

  .dcLEka {
    width:100%;
  resize:none;
  flex-grow:1;
  font-size:16px;
  max-height:200px;
  min-height:200px;
  }
      

  .HGsvd {
    width:100%;
  height:;
  display:flex;
  row-gap:30px;
  column-gap:30px;
  align-items:center;
  flex-direction:column;
  justify-content:center;
  border-top-left-radius:20px;
  border-top-right-radius:20px;
  border-bottom-left-radius:20px;
  border-bottom-right-radius:20px;
  }
      

  .cVOFrZ {
    color:var(--grey-500);
  font-size:var(--font-size-xs);
  flex-direction:row;
  }
      

  .eISIoH {
    width:100%;
  height:;
  display:flex;
  row-gap:40px;
  column-gap:40px;
  align-items:center;
  flex-direction:column;
  justify-content:center;
  border-top-left-radius:20px;
  border-top-right-radius:20px;
  border-bottom-left-radius:20px;
  border-bottom-right-radius:20px;
  }
      

  .cGruuY {
    width:100%;
  height:;
  display:flex;
  row-gap:30px;
  max-width:100%;
  min-width:100%;
  column-gap:30px;
  align-items:center;
  padding-left:20px;
  padding-right:20px;
  flex-direction:column;
  justify-content:center;
  border-top-left-radius:20px;
  border-top-right-radius:20px;
  border-bottom-left-radius:20px;
  border-bottom-right-radius:20px;
  }
      

  .cspWON {
    width:100%;
  height:fit-content;
  display:flex;
  row-gap:20px;
  column-gap:20px;
  align-items:center;
  justify-content:center;
  }
      

  .RcAqk {
    font-size:var(--font-size-lg);
  }
      

  .dAwiCY {
    color:#ffffff;
  font-size:var(--font-size-lg);
  }
      

  .bBVRWo {
    color:var(--grey-600);
  font-size:var(--font-size-sm);
  }
      

  .eLjbiV {
    row-gap:5px;
  column-gap:5px;
  flex-direction:row;
  }
      

  .fnPlpn {
    color:#ffffff;
  font-size:1.7rem;
  font-family:;
  font-weight:600;
  }
      

  .eyVPLS {
    font-size:inherit;
  font-family:inherit;
  font-weight:inherit;
  }
      

  .bgJZKP {
    width:100%;
  display:flex;
  row-gap:5px;
  background:#121212;
  column-gap:5px;
  align-items:flex-end;
  padding-top:10px;
  padding-left:12px;
  padding-right:12px;
  flex-direction:column;
  padding-bottom:10px;
  justify-content:flex-end;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  border-bottom-left-radius:8px;
  border-bottom-right-radius:8px;
  }
      

  .eqefnY {
    flex:1;
  width:100%;
  height:;
  display:flex;
  row-gap:30px;
  max-width:900px;
  background:#2220203b;
  column-gap:30px;
  align-items:center;
  padding-top:20px;
  padding-left:20px;
  padding-right:20px;
  flex-direction:column;
  padding-bottom:20px;
  justify-content:center;
  border-top-left-radius:20px;
  border-top-right-radius:20px;
  border-bottom-left-radius:20px;
  border-bottom-right-radius:20px;
  }
      

  .bppon {
    width:100%;
  height:100vh;
  display:flex;
  z-index:9;
  position:fixed;
  align-items:center;
  padding-top:40px;
  border-radius:12px;
  flex-direction:column;
  padding-bottom:40px;
  backdrop-filter:blur(10px);;
  justify-content:center;
  }
      

  .doujeK {
    gap:10px;
  width:100%;
  position:relative;
  align-items:center;
  justify-content:center;
  }
      

  .ouEfH {
    width:670px;
  height:450px;
  display:none;
  opacity:1;
  position:relative;
  max-width:90vw;
  translate:0;
  box-shadow:0px 6px 12px 0 #0000002b;
  transition:opacity 500ms ease-in-out 0ms normal, translate 500ms ease 0ms normal;
  border-radius:12px;
  background-color:#000000;
  }
      

          @media (max-width: 809px) {
            
  .ouEfH {
    width:400px;
  align-items:center;
  justify-content:start;
  }
      

          }
          

  .ouEfH {
    @starting-style {
            opacity:0;
  translate:0 60px;
  transition:width 500ms ease 0ms normal;
  transform-style:preserve-3d;
  transform-origin:0px;
          }
  }
      

  .enEoMs {
    width:50%;
  height:100%;
  padding-top:12px;
  padding-left:12px;
  padding-right:12px;
  padding-bottom:12px;
  }
      

          @media (max-width: 809px) {
            
  .enEoMs {
    width:100%;
  }
      

          }
          
        
  .hjret {
    gap:10px;
  padding-top:15px;
  padding-bottom:15px;
  }
      

  .cPuQIf {
    width:100%;
  }
      

          @media (max-height: 786px) {
            
  .cPuQIf {
    display:none;
  }
      

          }
          
        
  .eYsyjs {
    color:#fffffff2;
  display:flex;
  flex-direction:column;
  }
      

  .dXiflL {
    color:var(--Xwhite, #e7e9ea);
  display:flex;
  font-size:inherit;
  align-items:center;
  font-family:inherit;
  font-weight:700;
  flex-direction:column;
  justify-content:center;
  }
      

  .dLZJGg {
    gap:15px;
  align-items:center;
  flex-direction:row;
  justify-content:start;
  }
      

  .fGdygN {
    color:var(--ColorPrimaryHover, #1da1f2);
  font-size:1.5rem;
  font-weight:var(--font-weight-bold);
  }
      

  .bUmbBK {
    gap:12px;
  flex:1;
  height:100%;
  align-items:start;
  padding-left:16px;
  padding-right:16px;
  flex-direction:column;
  justify-content:start;
  }
      

  .JvZIa {
    display:none;
  }
      

  .caegaV {
    color:#ffffffb5;
  font-size:0.9rem;
  font-family:inherit;
  font-weight:300;
  }
      

  .cEaLfs {
    width:100%;
  height:100%;
  display:flex;
  padding-top:12px;
  padding-left:12px;
  padding-right:12px;
  flex-direction:column;
  padding-bottom:12px;
  }
      

          @media (max-width: 809px) {
            
  .cEaLfs {
    width:100%;
  }
      

          }
          
        
  .fsFggJ {
    color:#32d2afe8;
  }
      

  .dFViLT {
    color:var(--grey-500, #737373);
  display:flex;
  font-size:inherit;
  align-items:center;
  font-family:inherit;
  font-weight:700;
  flex-direction:column;
  justify-content:center;
  }
      

  .bdbczR {
    width:100%;
  height:100%;
  object-fit:cover;
  border-top-left-radius:12px;
  border-top-right-radius:0px;
  border-bottom-left-radius:12px;
  border-bottom-right-radius:0px;
  }
      

  .dLGpBi {
    gap:20px;
  width:100%;
  padding-top:15px;
  padding-bottom:15px;
  }
      

  .dyUauv {
    color:#FFD700;
  }
      

  .cbRHmP {
    gap:10px;
  }
      

  .ccIKOP {
    gap:10px;
  color:var(--grey-200, #E5E5E5);
  width:100%;
  cursor:pointer;
  align-items:center;
  padding-top:8px;
  padding-left:8px;
  border-radius:20px;
  padding-right:8px;
  flex-direction:row;
  padding-bottom:8px;
  justify-content:center;
  }
      

  .ccIKOP:hover {
    background-color:#101213ed;
  }
      

  .dcNQiU {
    gap:10px;
  color:var(--black, black);
  width:100%;
  cursor:pointer;
  align-items:center;
  padding-top:8px;
  padding-left:8px;
  border-radius:20px;
  padding-right:8px;
  flex-direction:row;
  padding-bottom:8px;
  justify-content:center;
  background-color:var(--Xwhite, #e7e9ea);
  }
      

  .dcNQiU:hover {
    color:var(--black, black);
  background-color:#f3f4f757;
  }
      

  .OeVmj {
    width:500px;
  display:flex;
  opacity:1;
  position:relative;
  max-width:90vw;
  translate:0;
  box-shadow:0px 6px 12px 0 #0000002b;
  transition:opacity 500ms ease-in-out 0ms normal, translate 500ms ease 0ms normal;
  padding-top:20px;
  border-radius:12px;
  flex-direction:column;
  padding-bottom:20px;
  background-color:#000000;
  }
      

          @media (max-width: 809px) {
            
  .OeVmj {
    width:400px;
  align-items:center;
  justify-content:start;
  }
      

          }
          

  .OeVmj {
    @starting-style {
            opacity:0;
  translate:0 60px;
  transition:width 500ms ease 0ms normal;
  transform-style:preserve-3d;
  transform-origin:0px;
          }
  }
      

  .boOIxX {
    color:#ffffff;
  font-size:1.5rem;
  font-weight:var(--font-weight-lighter);
  }
      

  .cDpEjZ {
    color:var(--ColorPrimaryHover, #1da1f2);
  display:none;
  font-size:1.5rem;
  font-weight:var(--font-weight-bold);
  }
      

  .deqKKB {
    width:50%;
  height:100%;
  }
      

          @media (max-width: 809px) {
            
  .deqKKB {
    display:none;
  }
      

          }
          
        
  .cnIRFY {
    width:100%;
  display:none;
  max-height:200px;
  }
      

          @media (max-width: 809px) {
            
  .cnIRFY {
    display:none;
  }
      

          }
          
        
  .iDuQL {
    color:#ffffff;
  font-size:1.5rem;
  font-family:'Inter';
  font-weight:400;
  }
      

  .fGaPJO {
    gap:12px;
  flex:1;
  width:100%;
  height:100%;
  align-items:start;
  padding-left:16px;
  padding-right:16px;
  flex-direction:column;
  justify-content:start;
  }
      

  .dapLkJ {
    font-size:var(--font-size-sm);
  font-family:inherit;
  font-weight:var(--font-weight-light);
  }
      

  .LJUjz {
    width:100%;
  position:relative;
  align-items:center;
  justify-content:center;
  }
      

  .dpYzAb {
    top:0px;
  left:0px;
  right:0px;
  bottom:0px;
  display:flex;
  z-index:;
  position:fixed;
  align-items:center;
  flex-direction:column;
  justify-content:center;
  background-color:#1212128f;
  }
      

  .cDkxkh {
    height:30px;
  align-items:end;
  justify-content:start;
  }
      

  .AwMxs {
    gap:10px;
  color:var(--grey-200, #E5E5E5);
  width:100%;
  cursor:pointer;
  align-items:center;
  padding-top:8px;
  padding-left:8px;
  border-radius:6px;
  padding-right:8px;
  flex-direction:row;
  padding-bottom:8px;
  justify-content:center;
  background-color:var(--ColorPrimaryHover, #1da1f2);
  }
      

  .AwMxs:hover {
    background-color:var(--blue-500, #3B82F6);
  }
      

  .bCTAa-d {
    width:100%;
  align-items:center;
  justify-content:start;
  }
      

  .A-dfnC {
    gap:20px;
  padding-top:15px;
  padding-bottom:15px;
  }
      

  .dtGMOU {
    gap:100%;
  width:100%;
  }
      

  .dsUJwi {
    height:55px;
  flex-wrap:nowrap;
  align-items:center;
  padding-left:10px;
  border-radius:20px;
  padding-right:10px;
  flex-direction:row;
  justify-content:space-between;
  background-color:#258cd41f;
  }
      

  .dsUJwi.selected {
    border-color:var(--ColorPrimaryHover, #1da1f2);
  border-style:solid;
  border-width:2px;
  background-color:#0a9ff047;
  }
      

  .cjJbwC {
    width:30%;
  align-items:center;
  justify-content:center;
  }
      

  .bLVzBn {
    color:var(--grey-500, #737373);
  display:flex;
  font-size:0.875rem;
  font-weight:var(--font-weight-semi-bold);
  flex-direction:column;
  }
      

  .cKLQYG {
    color:#ffffffe0;
  font-size:1.125rem;
  font-weight:var(--font-weight-semi-bold);
  }
      

  .eBIscc {
    color:var(--Xwhite, #e7e9ea);
  }
      

  .cgcNcw {
    align-items:center;
  justify-content:center;
  }
      

  .bMnIxE {
    gap:4px;
  flex:1;
  align-items:center;
  flex-direction:row;
  justify-content:start;
  }
      

  .cxHaPL {
    gap:5px;
  align-items:center;
  flex-direction:row;
  justify-content:start;
  }
      

  .eKqwMU {
    color:var(--grey-300, #D4D4D4);
  font-size:1rem;
  font-weight:var(--font-weight-semi-bold);
  }
      

  .bfzmzg {
    align-items:center;
  flex-direction:row;
  justify-content:start;
  }
      

  .eMCnpj {
    width:100%;
  display:flex;
  row-gap:5px;
  background:#121212;
  column-gap:5px;
  align-items:center;
  border-color:var(--grey-600);
  border-style:solid;
  border-width:2px;
  padding-left:12px;
  padding-right:12px;
  flex-direction:row;
  justify-content:flex-end;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  border-bottom-left-radius:8px;
  border-bottom-right-radius:8px;
  }
      

  .dXdcSX {
    width:100%;
  font-family:inherit;
  }
      

  .bwIuIA {
    flex:1;
  height:;
  display:flex;
  row-gap:30px;
  max-width:900px;
  background:#2220203b;
  column-gap:30px;
  align-items:center;
  padding-top:70px;
  padding-left:90px;
  padding-right:90px;
  flex-direction:column;
  padding-bottom:70px;
  justify-content:center;
  border-top-left-radius:20px;
  border-top-right-radius:20px;
  border-bottom-left-radius:20px;
  border-bottom-right-radius:20px;
  }
      

  .XjGsh {
    width:100%;
  display:flex;
  row-gap:5px;
  background:#121212;
  column-gap:5px;
  align-items:center;
  border-color:var(--grey-600);
  border-style:solid;
  border-width:2px;
  padding-left:12px;
  padding-right:12px;
  flex-direction:row;
  justify-content:flex-end;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  border-bottom-left-radius:8px;
  border-bottom-right-radius:8px;
  }
      

  .XjGsh.error {
    border-color:var(--red-700);
  border-style:solid;
  border-width:2px;
  }
      

  .cFJPEE {
    width:30%;
  display:flex;
  row-gap:5px;
  font-size:0.8rem;
  max-width:200px;
  column-gap:5px;
  align-items:center;
  padding-top:10px;
  border-color:#616161;
  border-style:solid;
  border-width:1px;
  padding-left:10px;
  padding-right:10px;
  flex-direction:row;
  padding-bottom:10px;
  justify-content:center;
  border-top-left-radius:10px;
  border-top-right-radius:10px;
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
  }
      

  .esgQUP {
    color:#d1d1d1;
  width:100%;
  display:flex;
  row-gap:30px;
  column-gap:30px;
  flex-direction:column;
  }
      

  .fEDGSA {
    width:100%;
  overflow:hidden;
  background:#000000;
  min-height:100px;
  border-top-left-radius:12px;
  border-top-right-radius:12px;
  border-bottom-left-radius:12px;
  border-bottom-right-radius:12px;
  }
      

  .dKcJSX {
    width:100%;
  display:flex;
  row-gap:10px;
  animation:;
  flex-wrap:wrap;
  column-gap:10px;
  align-items:flex-start;
  flex-direction:row;
  justify-content:center;
  }
      

  .bCoVbl {
    width:100%;
  height:100vh;
  display:flex;
  z-index:9;
  position:fixed;
  align-items:center;
  border-radius:12px;
  flex-direction:column;
  backdrop-filter:blur(10px);;
  justify-content:center;
  }
      

  .dmjVpF {
    width:670px;
  height:450px;
  position:relative;
  max-width:90vw;
  box-shadow:0px 6px 12px 0 #0000002b;
  border-radius:12px;
  flex-direction:row;
  background-color:#000000;
  }
      

          @media (max-width: 809px) {
            
  .dmjVpF {
    width:400px;
  }
      

          }
          
        
  .rOgDl {
    gap:20px;
  padding-top:20px;
  padding-left:5px;
  border-radius:8px;
  outline-color:#4f4f4f8c;
  outline-style:solid;
  outline-width:1px;
  padding-right:5px;
  padding-bottom:20px;
  background-color:#4441413b;
  background-repeat:space;
  }
      

  .eRSruI {
    color:var(--Xwhite, #e7e9ea);
  width:80%;
  display:flex;
  flex-wrap:wrap;
  font-size:inherit;
  align-items:center;
  font-family:inherit;
  font-weight:700;
  flex-direction:column;
  justify-content:center;
  }
      

  .cZPjFE {
    gap:30px;
  flex-wrap:wrap;
  padding-top:15px;
  padding-left:15px;
  padding-right:15px;
  padding-bottom:15px;
  }
      

  .eVhvJg {
    color:var(--Xwhite, #e7e9ea);
  width:80%;
  display:flex;
  font-size:inherit;
  align-items:center;
  font-family:inherit;
  font-weight:700;
  flex-direction:column;
  justify-content:center;
  }
      

  .biiNGU {
    width:100%;
  height:;
  display:flex;
  row-gap:30px;
  max-width:100%;
  min-width:100%;
  column-gap:30px;
  align-items:center;
  padding-left:90px;
  padding-right:90px;
  flex-direction:column;
  justify-content:center;
  border-top-left-radius:20px;
  border-top-right-radius:20px;
  border-bottom-left-radius:20px;
  border-bottom-right-radius:20px;
  }
      

  .dFcpEK {
    width:100%;
  height:90px;
  display:flex;
  row-gap:20px;
  flex-wrap:wrap;
  column-gap:20px;
  align-items:center;
  padding-left:20px;
  padding-right:20px;
  flex-direction:row;
  justify-content:space-around;
  }
      

  .dxovcV {
    width:100%;
  height:;
  display:flex;
  row-gap:20px;
  column-gap:20px;
  align-items:center;
  flex-direction:column;
  justify-content:center;
  border-top-left-radius:20px;
  border-top-right-radius:20px;
  border-bottom-left-radius:20px;
  border-bottom-right-radius:20px;
  }
      

  .emdPay {
    gap:10px;
  width:100%;
  display:flex;
  max-width:100%;
  align-items:start;
  padding-top:7px;
  padding-left:30px;
  padding-right:30px;
  padding-bottom:7px;
  justify-content:start;
  }
      

  .emdPay.user {
    width:100%;
  align-items:end;
  padding-left:30px;
  padding-right:30px;
  justify-content:start;
  }
      

  .cEeJBM {
    width:100%;
  height:100vh;
  z-index:20;
  position:fixed;
  align-items:center;
  justify-content:center;
  }
      

  .cEeJBM {
    @starting-style {
            transition:translate 300ms ease 0ms normal;
  background-color:#61616100;
          }
  }
      

  .brrrXo {
    color:#ffffff;
  height:fit-content;
  position:relative;
  flex-wrap:wrap;
  max-width:450px;
  background:#000000;
  box-shadow:0px 6px 12px 0 #0000002b;
  align-items:center;
  padding-top:40px;
  padding-left:40px;
  border-radius:12px;
  padding-right:40px;
  flex-direction:row;
  padding-bottom:40px;
  justify-content:center;
  }
      

  .dsWRIq {
    gap:5px;
  width:100%;
  align-items:center;
  flex-direction:row;
  justify-content:center;
  }
      

  .bYsuOQ {
    width:50%;
  height:100%;
  align-items:end;
  flex-direction:column;
  justify-content:center;
  }
      

          @media (max-width: 1024px) {
            
  .bYsuOQ {
    display:none;
  }
      

          }
          
        
  .fCXBfl {
    color:#000000;
  width:100%;
  height:40px;
  font-size:30px;
  background:#e6e6e6;
  text-align:center;
  font-family:Space Mono;
  border-color:#D1D5DB;
  border-style:solid;
  border-width:1px;
  border-radius:8px;
  }
      

  .bXDqrG {
    gap:5px;
  align-items:center;
  flex-direction:row;
  justify-content:center;
  }
      

  .bmcBCI {
    width:100%;
  height:100%;
  object-fit:cover;
  background-color:#1f1f1fb3;
  border-top-left-radius:12px;
  border-top-right-radius:0px;
  border-bottom-left-radius:12px;
  border-bottom-right-radius:0px;
  }
      

          @media (max-width: 1024px) {
            
  .bmcBCI {
    top:0px;
  flex:1;
  flex-grow:1;
  object-fit:cover;
  align-items:center;
  flex-shrink:1;
  background-size:cover;
  justify-content:start;
  border-top-left-radius:12px;
  border-top-right-radius:12px;
  }
      

          }
          
        
  .dpzZAZ {
    color:#030303;
  width:45%;
  display:none;
  border-radius:6px;
  background-color:#fffffff0;
  }
      

  .bWVSch {
    color:#ffffff;
  font-size:1.5rem;
  font-weight:var(--font-weight-bold);
  }
      

  .drLbdJ {
    gap:5px;
  width:100%;
  display:flex;
  align-items:center;
  flex-direction:column;
  justify-content:center;
  }
      

  .eIlinX {
    width:50%;
  height:100%;
  padding-top:12px;
  padding-left:12px;
  padding-right:12px;
  padding-bottom:12px;
  }
      

          @media (max-width: 1024px) {
            
  .eIlinX {
    width:100%;
  height:400px;
  }
      

          }
          
        
  .cdtGeC {
    color:#ffffff;
  display:inline-block;
  flex-wrap:wrap;
  font-size:var(--font-size-sm);
  text-align:center;
  font-weight:var(--font-weight-lighter);
  }
      

  .eApVjx {
    width:33%;
  height:5px;
  align-items:center;
  justify-content:center;
  border-bottom-color:#5c5c5c;
  border-bottom-style:solid;
  border-bottom-width:1px;
  }
      

  .eTTBOw {
    gap:10px;
  color:var(--grey-200, #E5E5E5);
  width:100%;
  cursor:pointer;
  display:flex;
  align-items:start;
  padding-top:8px;
  padding-left:8px;
  border-radius:6px;
  padding-right:8px;
  flex-direction:row;
  padding-bottom:8px;
  justify-content:center;
  background-color:var(--ColorPrimaryHover, #1da1f2);
  }
      

  .eTTBOw:hover {
    background-color:var(--blue-500, #3B82F6);
  }
      

  .eTTBOw.loading {
    cursor:no-drop;
  opacity:0.4;
  }
      

  .cSDEUo {
    display:flex;
  flex-direction:column;
  }
      

  .dQrYeB {
    color:var(--grey-600, #525252);
  }
      

  .cIKow {
    display:flex;
  flex-wrap:wrap;
  background:#262626;
  align-items:center;
  padding-left:5px;
  padding-right:5px;
  flex-direction:row;
  justify-content:flex-start;
  border-top-left-radius:6px;
  border-top-right-radius:6px;
  border-bottom-left-radius:6px;
  border-bottom-right-radius:6px;
  }
      

  .cIKow:focus-visible {
    border-color:#0444b4;
  border-style:solid;
  border-width:1px;
  }
      

  .QtmQW {
    color:var(--grey-600, #525252);
  align-items:end;
  justify-content:start;
  }
      

  .dBjYDi {
    width:670px;
  height:fit-content;
  display:flex;
  opacity:1;
  position:relative;
  max-width:90vw;
  translate:0;
  box-shadow:0px 6px 12px 0 #0000002b;
  transition:opacity 500ms ease-in-out 0ms normal, translate 500ms ease 0ms normal;
  border-radius:12px;
  flex-direction:row;
  background-color:#000000;
  }
      

          @media (max-width: 1024px) {
            
  .dBjYDi {
    width:320px;
  }
      

          }
          

  .dBjYDi {
    @starting-style {
            opacity:0;
  translate:0 60px;
  transition:width 500ms ease 0ms normal;
  transform-style:preserve-3d;
  transform-origin: 0px;
          }
  }
      

  .dBjYDi.ClosePopup {
    opacity:0;
  translate:0 80px;
  transition:translate 500ms ease 0ms normal, opacity 500ms ease 0ms normal;
  }
      

  .dzVYCU {
    gap:12px;
  width:100%;
  align-items:center;
  flex-direction:row;
  justify-content:center;
  }
      

  .cnaFtw {
    color:#adadad91;
  width:33%;
  display:inline-block;
  font-size:0.8rem;
  text-align:center;
  }
      

  .iBEpW {
    color:#e70d0d;
  text-align:center;
  }
      

  .IZCjP {
    width:100%;
  row-gap:15px;
  column-gap:15px;
  padding-left:30px;
  padding-right:30px;
  }
      

  .eAGocf {
    width:100%;
  height:100%;
  display:flex;
  opacity:1;
  z-index:11;
  position:absolute;
  transition:opacity 500ms ease 0ms normal, translate 500ms ease 0ms normal;
  align-items:center;
  border-radius:12px;
  flex-direction:column;
  backdrop-filter:blur(10px);;
  justify-content:center;
  }
      

  .eAGocf {
    @starting-style {
            opacity:0;
  transition:opacity 300ms ease 0ms normal;
          }
  }
      

  .dpKIwH {
    width:100%;
  height:100%;
  object-fit:cover;
  background-color:#1f1f1fbf;
  border-top-left-radius:12px;
  border-top-right-radius:0px;
  border-bottom-left-radius:12px;
  border-bottom-right-radius:0px;
  }
      

  .ciyVTZ {
    gap:12px;
  height:fit-content;
  padding-left:16px;
  padding-right:16px;
  flex-direction:column;
  }
      

  .chkdVi {
    top:0px;
  left:0px;
  right:0px;
  bottom:0px;
  display:flex;
  z-index:;
  position:fixed;
  align-items:center;
  padding-left:20px;
  padding-right:20px;
  flex-direction:column;
  justify-content:center;
  background-color:#1212128f;
  }
      

  .chkdVi {
    @starting-style {
            transition:translate 300ms ease 0ms normal;
  background-color:#12121200;
          }
  }
      

  .enlUhJ {
    gap:15px;
  height:100%;
  }
      

  .erRxCw {
    color:var(--grey-500, #737373);
  text-decoration-line: underline;
  }
      

  .LIdfl {
    color:#E5E5E5;
  width:100%;
  height:32px;
  font-size:16px;
  padding-left:8px;
  border-radius:6px;
  padding-right:8px;
  background-color:#262626;
  }
      

  .LIdfl:focus {
    outline-color:#2463ebff;
  outline-style:solid;
  outline-width:1px;
  }
      

  .SCkrX {
    width:100%;
  height:100%;
  display:flex;
  z-index:11;
  position:sticky;
  transition:opacity 500ms ease 0ms normal, translate 500ms ease 0ms normal;
  align-items:center;
  border-radius:12px;
  flex-direction:column;
  backdrop-filter:blur(10px);;
  justify-content:center;
  }
      

  .SCkrX {
    @starting-style {
            opacity:0;
  transition:opacity 300ms ease 0ms normal;
          }
  }
      

  .qXcxx {
    height:20px;
  }
      

  .csOcxr {
    color:var(--ColorPrimaryHover);
  padding-left:5px;
  padding-right:5px;
  }
      

  .byobal {
    gap:16px;
  display:flex;
  align-items:center;
  flex-direction:row;
  justify-content:center;
  }
      

  .dBlWhP {
    color:var(--grey-500, #737373);
  }
      

  .ejDASA {
    gap:5px;
  color:var(--grey-00, #ffffffff);
  width:100%;
  display:flex;
  font-size:0.8rem;
  align-items:center;
  font-weight:300;
  flex-direction:column;
  justify-content:start;
  }
      

  .dPDUlm {
    gap:5px;
  color:#030303;
  width:100%;
  height:35px;
  align-items:center;
  border-radius:6px;
  flex-direction:row;
  justify-content:center;
  background-color:#fffffff0;
  }
      

  .cInous {
    color:#ffffff;
  font-size:0.755rem;
  margin-top:8px;
  text-align:center;
  transition:all 300ms ease;
  padding-top:4px;
  border-radius:6px;
  padding-bottom:4px;
  background-color:#ff8080cc;
  }
      

  .cInous {
    @starting-style {
            opacity:0;
  translate:0 10px 0;
          }
  }
      

  .eXUPuG {
    width:50%;
  height:100%;
  padding-top:12px;
  padding-left:12px;
  padding-right:12px;
  padding-bottom:12px;
  }
      

          @media (max-width: 1024px) {
            
  .eXUPuG {
    width:100%;
  }
      

          }
          
        
  .dNHCKj {
    gap:12px;
  width:100%;
  align-items:center;
  padding-left:16px;
  padding-right:16px;
  flex-direction:column;
  justify-content:center;
  }
      

  .cdzAwV {
    gap:10px;
  color:var(--grey-200, #E5E5E5);
  width:100%;
  cursor:pointer;
  display:flex;
  align-items:start;
  padding-top:8px;
  padding-left:8px;
  border-radius:6px;
  padding-right:8px;
  flex-direction:row;
  padding-bottom:8px;
  justify-content:center;
  background-color:var(--ColorPrimaryHover, #1da1f2);
  }
      

  .cdzAwV:hover {
    background-color:var(--blue-500, #3B82F6);
  }
      

  .cdzAwV.loadind_signin {
    color:#c7c6c654;
  cursor:no-drop;
  opacity:0.4;
  background-color:#6f6d6d85;
  }
      

  .epJIAw {
    :;
  width:50px;
  height:100%;
  position:absolute;
  background:linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06066) 16%, rgba(0,0,0,0.08027) 22.5%, rgba(0,0,0,0.09988) 29%, rgba(0,0,0,0.16568) 34%, rgba(0,0,0,0.23153) 39%, rgba(0,0,0,0.30996) 42.5%, rgba(0,0,0,0.38839) 46%, rgba(0,0,0,0.45702) 53%, rgba(0,0,0,0.52565) 60%, rgba(0,0,0,0.62369) 67%, rgba(0,0,0,0.72173) 74%, rgba(0,0,0,0.86087) 87%, rgba(0,0,0,1) 100%);;
  }
      

  .dkgrjt {
    width:670px;
  height:450px;
  opacity:1;
  position:relative;
  max-width:90vw;
  transition:translate 500ms ease 0ms normal, opacity 500ms ease 0ms normal;
  border-radius:12px;
  flex-direction:row;
  background-color:#000000;
  }
      

          @media (max-width: 1024px) {
            
  .dkgrjt {
    width:320px;
  height:fit-content;
  flex-wrap:wrap;
  }
      

          }
          

  .dkgrjt {
    @starting-style {
            opacity:0;
  translate:0 60px;
  transition:translate 500ms ease 0ms normal;
  transform-style:preserve-3d;
          }
  }
      

  .dkgrjt.ClosePopup {
    opacity:0;
  translate:0 60px;
  transition:translate 500ms ease 0ms normal, opacity 300ms ease 0ms normal;
  }
      

  .cfqKRN {
    flex-direction:row;
  }
      

  .bNXlKF {
    color:var(--ColorPrimaryHover, #1da1f2);
  cursor:default;
  font-size:0.8rem;
  text-decoration-line: underline;
  }
      

  .fjxdzi {
    color:#ffffff;
  display:flex;
  flex-wrap:wrap;
  font-size:1.8rem;
  align-items:center;
  font-weight:var(--font-weight-semi-bold);
  flex-direction:column;
  justify-content:start;
  }
      

  .bqZAoB {
    gap:10px;
  display:flex;
  flex-direction:column;
  }
      

  .fjwAvS {
    width:100%;
  height:100%;
  display:flex;
  text-align:center;
  align-items:center;
  justify-content:center;
  }
      

  .kXzya {
    border-bottom-color:#2b2b2b;
  border-bottom-style:solid;
  border-bottom-width:1px;
  }
      

  .MzYjW {
    color:#e3e3e3;
  width:fit-content;
  display:flex;
  max-width:50px;
  align-items:center;
  justify-content:center;
  }
      

  .diHHxC {
    color:var(--ColorPrimaryHover, #1da1f2);
  cursor:default;
  font-size:0.8rem;
  align-items:center;
  justify-content:start;
  text-decoration-line: underline;
  }
      

  .dVsLNG {
    width:50%;
  height:100%;
  align-items:end;
  justify-content:center;
  }
      

          @media (max-width: 1024px) {
            
  .dVsLNG {
    width:100%;
  height:150px;
  display:none;
  }
      

          }
          
        
  .eRFzWM {
    color:#d4d4d4;
  display:none;
  font-size:0.8rem;
  font-weight:300;
  }
      

  .dvzzCH {
    flex:1;
  color:#E5E5E5;
  width:100%;
  height:32px;
  font-size:16px;
  background:;
  padding-left:8px;
  border-radius:6px;
  padding-right:8px;
  }
      

  .bbFMic {
    color:#ffffff;
  font-size:0.755rem;
  margin-top:8px;
  text-align:center;
  transition:all 300ms ease;
  padding-top:4px;
  border-radius:6px;
  padding-bottom:4px;
  background-color:#ff8080cc;
  }
      

  .bbFMic {
    @starting-style {
            opacity:0;
  translate:0 10px 0;
          }
  }
      

  .cExplj {
    flex-wrap:wrap;
  max-width:90px;
  max-height:90px;
  }
      

  .dsyDRd {
    width:100%;
  height:40px;
  display:none;
  background:#1c1c1c;
  text-align:center;
  padding-top:4px;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:4px;
  border-top-left-radius:6px;
  border-top-right-radius:6px;
  border-bottom-left-radius:6px;
  border-bottom-right-radius:6px;
  }
      

  .bbsSlc {
    color:#8a8a8a;
  font-size:0.8rem;
  }
      

  .bTMxWH {
    color:#696969;
  font-size:0.8rem;
  align-items:center;
  justify-content:start;
  }
      

  .eFNUeb {
    display:flex;
  row-gap:10px;
  background:#005499;
  column-gap:10px;
  align-items:center;
  padding-top:10px;
  flex-direction:row;
  padding-bottom:10px;
  justify-content:center;
  border-top-left-radius:6px;
  border-top-right-radius:6px;
  border-bottom-left-radius:6px;
  border-bottom-right-radius:6px;
  }
      

  .eFNUeb.laoding {
    cursor:no-drop;
  opacity:0.4;
  }
      

  .beoDam {
    height:30px;
  }
      

  .kLNYJ {
    color:#b8b8b8;
  width:fit-content;
  flex-wrap:wrap;
  font-size:inherit;
  text-align:left;
  align-items:flex-start;
  font-family:inherit;
  font-weight:300;
  justify-content:flex-start;
  }
      

  .csUhRL {
    width:fit-content;
  height:100%;
  row-gap:20px;
  flex-wrap:wrap;
  column-gap:20px;
  align-items:center;
  flex-direction:column;
  justify-content:center;
  }
      

  .fa-dNKk {
    :;
  width:50px;
  height:100%;
  position:absolute;
  background:linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06066) 16%, rgba(0,0,0,0.08027) 22.5%, rgba(0,0,0,0.09988) 29%, rgba(0,0,0,0.16568) 34%, rgba(0,0,0,0.23153) 39%, rgba(0,0,0,0.30996) 42.5%, rgba(0,0,0,0.38839) 46%, rgba(0,0,0,0.45702) 53%, rgba(0,0,0,0.52565) 60%, rgba(0,0,0,0.62369) 67%, rgba(0,0,0,0.72173) 74%, rgba(0,0,0,0.86087) 87%, rgba(0,0,0,1) 100%);;
  }
      

          @media (max-width: 1024px) {
            
  .fa-dNKk {
    width:100%;
  height:50px;
  position:absolute;
  background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06066176470588236) 16%, rgba(0,0,0,0.09987745098039214) 29%, rgba(0,0,0,0.23153011204481788) 39%, rgba(0,0,0,0.3883928571428571) 46%, rgba(0,0,0,0.5256477591036415) 60%, rgba(0,0,0,0.7217261904761905) 74%, rgba(0,0,0,1) 100%);;
  align-items:center;
  justify-content:end;
  }
      

          }
          
        
  .dMfGlF {
    display:flex;
  }
      

  .faBUwJ {
    width:;
  row-gap:5px;
  background:var(--ColorPrimaryHover);
  column-gap:5px;
  padding-top:10px;
  padding-left:90px;
  padding-right:90px;
  flex-direction:row;
  padding-bottom:10px;
  border-top-left-radius:6px;
  border-top-right-radius:6px;
  border-bottom-left-radius:6px;
  border-bottom-right-radius:6px;
  }
      

  .chBuys {
    width:100%;
  display:flex;
  row-gap:15px;
  column-gap:15px;
  align-items:flex-start;
  flex-direction:column;
  justify-content:flex-start;
  }
      

  .fENuBg {
    width:100%;
  height:;
  display:flex;
  row-gap:30px;
  max-width:100%;
  min-width:100%;
  column-gap:30px;
  align-items:center;
  padding-left:clamp(20px, 8vw, 90px);
  padding-right:clamp(20px, 8vw, 90px);
  flex-direction:column;
  justify-content:center;
  border-top-left-radius:20px;
  border-top-right-radius:20px;
  border-bottom-left-radius:20px;
  border-bottom-right-radius:20px;
  }
      

  .bXThsn {
    width:100%;
  height:;
  display:flex;
  align-items:center;
  flex-direction:column;
  justify-content:center;
  border-top-left-radius:20px;
  border-top-right-radius:20px;
  border-bottom-left-radius:20px;
  border-bottom-right-radius:20px;
  }
      

  .eSGyju {
    color:;
  width:fit-content;
  background:#388eff;
  padding-top:3px;
  padding-left:20px;
  padding-right:20px;
  padding-bottom:3px;
  border-top-left-radius:12px;
  border-top-right-radius:12px;
  border-bottom-left-radius:12px;
  border-bottom-right-radius:12px;
  }
      

  .cZIPXT {
    width:100%;
  display:flex;
  row-gap:5px;
  background:#121212;
  column-gap:5px;
  align-items:center;
  padding-left:12px;
  padding-right:12px;
  flex-direction:row;
  justify-content:flex-end;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  border-bottom-left-radius:8px;
  border-bottom-right-radius:8px;
  }
      

  .cMVtYt {
    width:100%;
  display:flex;
  flex-wrap:wrap;
  max-width:600px;
  align-items:center;
  flex-direction:row;
  justify-content:center;
  }
      

  .ebnUFo {
    width:60%;
  display:flex;
  row-gap:5px;
  flex-grow:1;
  font-size:0.8rem;
  max-width:300px;
  background:var(--ColorPrimaryHover);
  column-gap:5px;
  align-items:center;
  flex-shrink:1;
  padding-top:10px;
  padding-left:90px;
  padding-right:90px;
  flex-direction:row;
  padding-bottom:10px;
  justify-content:center;
  border-top-left-radius:6px;
  border-top-right-radius:6px;
  border-bottom-left-radius:6px;
  border-bottom-right-radius:6px;
  }
      

  .cQdWAr {
    width:100%;
  height:;
  display:flex;
  row-gap:15px;
  column-gap:15px;
  align-items:center;
  flex-direction:column;
  justify-content:center;
  border-top-left-radius:20px;
  border-top-right-radius:20px;
  border-bottom-left-radius:20px;
  border-bottom-right-radius:20px;
  }
      

  .bowCOf {
    resize:none;
  flex-grow:1;
  font-size:16px;
  background:;
  padding-top:10px;
  padding-left:5px;
  padding-right:5px;
  padding-bottom:10px;
  border-top-left-radius:7%;
  border-top-right-radius:7%;
  border-bottom-left-radius:7%;
  border-bottom-right-radius:7%;
  }
      

  .chtcgF {
    width:100%;
  height:100%;
  display:flex;
  max-width:900px;
  align-items:flex-start;
  flex-direction:column;
  justify-content:flex-start;
  }
      

  .feLDWy {
    display:flex;
  max-width:200px;
  background:#141414;
  align-items:center;
  padding-top:6px;
  padding-left:19px;
  padding-right:19px;
  flex-direction:row;
  padding-bottom:6px;
  justify-content:center;
  border-top-left-radius:12px;
  border-top-right-radius:12px;
  border-bottom-left-radius:12px;
  border-bottom-right-radius:12px;
  }
      

  .cZYnzY {
    color:var(--ColorPrimaryHover);
  row-gap:5px;
  column-gap:5px;
  padding-top:10px;
  border-color:var(--ColorPrimaryHover);
  border-style:solid;
  border-width:1px;
  padding-left:20px;
  padding-right:20px;
  flex-direction:row;
  padding-bottom:10px;
  border-top-left-radius:30px;
  border-top-right-radius:30px;
  border-bottom-left-radius:30px;
  border-bottom-right-radius:30px;
  }
      

  .dbGCEY {
    width:300px;
  display:flex;
  background:url("https://toddle.dev/cdn-cgi/imagedelivery/ZIty0Vhmkm0nD-fBKJrTZQ/toddle:toddle-default-image.jpg/540") scroll padding-box border-box repeat repeat center center / cover;
  flex-basis:300px;
  transition:all 300ms ease;
  align-items:center;
  padding-top:20px;
  aspect-ratio:2/3;
  padding-bottom:20px;
  justify-content:flex-end;
  border-top-left-radius:12px;
  border-top-right-radius:12px;
  border-bottom-left-radius:12px;
  border-bottom-right-radius:12px;
  }
      

  .dbGCEY.selected {
    box-shadow:0px 0px 12px 8px var(--ColorPrimaryHover);
  transition:all 300ms ease 0ms;
  }
      

  .dbGCEY:hover {
    background:url("https://toddle.dev/cdn-cgi/imagedelivery/ZIty0Vhmkm0nD-fBKJrTZQ/toddle:toddle-default-image.jpg/540") scroll border-box padding-box no-repeat repeat center center / cover;
  transition:all 300ms ease  normal;
  }
      

  .cPwgCS {
    width:100%;
  row-gap:30px;
  column-gap:30px;
  transition:all 300ms ease;
  }
      

  .cPwgCS {
    @starting-style {
            opacity:0;
  translate:0 90px 0;
          }
  }
      

  .PUQIj {
    gap:20px;
  width:100%;
  height:fit-content;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  padding-top:20px;
  padding-left:20px;
  padding-right:20px;
  flex-direction:column;
  padding-bottom:20px;
  justify-content:flex-start;
  }
      

  .clPxtm {
    display:flex;
  font-size:0.8rem;
  background:#2e2e2e;
  align-items:center;
  padding-top:1px;
  padding-left:3px;
  padding-right:3px;
  flex-direction:row;
  padding-bottom:1px;
  justify-content:center;
  border-top-left-radius:12px;
  border-top-right-radius:12px;
  border-bottom-left-radius:12px;
  border-bottom-right-radius:12px;
  }
      

  .bzxqTd {
    width:100%;
  height:;
  display:flex;
  row-gap:30px;
  max-width:100%;
  min-width:100%;
  column-gap:30px;
  align-items:center;
  flex-direction:column;
  justify-content:center;
  border-top-left-radius:20px;
  border-top-right-radius:20px;
  border-bottom-left-radius:20px;
  border-bottom-right-radius:20px;
  }
      

  .cKOdnC {
    width:100%;
  display:flex;
  align-items:center;
  flex-direction:row;
  justify-content:flex-end;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  border-bottom-left-radius:8px;
  border-bottom-right-radius:8px;
  }
      

  .edQAvi {
    width:100%;
  height:300px;
  resize:none;
  flex-grow:1;
  font-size:16px;
  }
      

  .cqpJsI {
    width:100%;
  display:flex;
  align-items:center;
  flex-direction:row;
  justify-content:space-between;
  }
      

  .dVrfWf {
    width:100%;
  height:;
  display:flex;
  row-gap:30px;
  flex-wrap:wrap;
  column-gap:30px;
  align-items:center;
  flex-direction:column;
  justify-content:center;
  border-top-left-radius:20px;
  border-top-right-radius:20px;
  border-bottom-left-radius:20px;
  border-bottom-right-radius:20px;
  }
      

  .dCaqZd {
    font-size:var(--font-size-sm);
  }
      

  .fbVxUU {
    display:flex;
  row-gap:10px;
  column-gap:10px;
  align-items:center;
  flex-direction:row;
  justify-content:center;
  }
      

  .eojWCF {
    width:100%;
  height:30px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  }
      

  .bHUnxy {
    width:100%;
  display:flex;
  row-gap:5px;
  background:#121212;
  column-gap:5px;
  align-items:center;
  border-color:var(--grey-600);
  border-style:solid;
  border-width:2px;
  padding-left:12px;
  padding-right:12px;
  flex-direction:row;
  justify-content:flex-end;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  border-bottom-left-radius:8px;
  border-bottom-right-radius:8px;
  }
      

  .bHUnxy.error {
    border-color:var(--red-700);
  border-style:solid;
  border-width:1px;
  }
      

  .dBzaVA {
    gap:20px;
  color:#ffffff;
  width:100%;
  height:;
  display:flex;
  flex-grow:1;
  align-items:flex-start;
  flex-shrink:2;
  padding-top:20px;
  flex-direction:row;
  padding-bottom:20px;
  justify-content:center;
  }
      

  .dvNwew {
    flex:1 1 0%;
  display:flex;
  max-width:300px;
  background:url("https://toddle.dev/cdn-cgi/imagedelivery/ZIty0Vhmkm0nD-fBKJrTZQ/toddle:toddle-default-image.jpg/540") scroll padding-box border-box repeat repeat center center / cover;
  transition:all 300ms ease;
  align-items:center;
  padding-top:20px;
  aspect-ratio:2/3;
  padding-bottom:20px;
  justify-content:flex-end;
  border-top-left-radius:12px;
  border-top-right-radius:12px;
  border-bottom-left-radius:12px;
  border-bottom-right-radius:12px;
  }
      

  .dvNwew.selected {
    box-shadow:0px 0px 12px 8px var(--ColorPrimaryHover);
  transition:all 300ms ease 0ms;
  }
      

  .dvNwew:hover {
    background:url("https://toddle.dev/cdn-cgi/imagedelivery/ZIty0Vhmkm0nD-fBKJrTZQ/toddle:toddle-default-image.jpg/540") scroll border-box padding-box no-repeat repeat center center / cover;
  transition:all 300ms ease  normal;
  }
      

  .chYjO {
    width:100%;
  height:;
  display:flex;
  row-gap:30px;
  column-gap:30px;
  align-items:center;
  padding-left:clamp(20px, 5vw, 90px);
  padding-right:clamp(20px, 5vw, 90px);
  flex-direction:column;
  justify-content:center;
  border-top-left-radius:20px;
  border-top-right-radius:20px;
  border-bottom-left-radius:20px;
  border-bottom-right-radius:20px;
  }
      

  .egfpRD {
    width:100%;
  height:90px;
  display:flex;
  row-gap:20px;
  flex-wrap:wrap;
  column-gap:20px;
  align-items:center;
  flex-direction:row;
  justify-content:space-around;
  }
      

  .dDQCTs {
    width:100%;
  height:;
  display:flex;
  row-gap:30px;
  column-gap:30px;
  align-items:center;
  flex-direction:column;
  justify-content:flex-start;
  border-top-left-radius:20px;
  border-top-right-radius:20px;
  border-bottom-left-radius:20px;
  border-bottom-right-radius:20px;
  }
      

  .ffPLrM {
    height:90px;
  }
      

  .bdrOzs {
    width:100%;
  margin:0px;
  padding:0px;
  align-items:center;
  font-weight:var(--font-weight-lighter);
  justify-content:end;
  list-style-type:none;
  }
      

  .dpffIM {
    width:100%;
  display:flex;
  row-gap:15px;
  column-gap:15px;
  flex-direction:column;
  }
      

  .fBgIZ {
    color:#d1d1d1;
  width:100%;
  row-gap:30px;
  column-gap:30px;
  }
      

  .cWeGgh {
    color:inherit;
  width:fit-content;
  margin:0px;
  resize:none;
  outline:none;
  padding:0px;
  font-size:16px;
  box-sizing:border-box;
  overflow-y:hidden;
  font-family:inherit;
  font-weight:inherit;
  border-width:0px;
  background-color:transparent;
  }
      

  .bIxHMq {
    width:100%;
  display:flex;
  row-gap:30px;
  max-width:100%;
  min-width:100%;
  column-gap:30px;
  align-items:stretch;
  flex-direction:row;
  justify-content:center;
  }
      

  .dXTIiR {
    top:0px;
  width:100%;
  bottom:0px;
  flex-wrap:nowrap;
  background: #000000;
  flex-direction:row;
  }
      

  .eknMQh {
    gap:10px;
  color:#a1a1a1;
  width:100%;
  cursor:pointer;
  height:40px;
  font-size:1rem;
  align-items:center;
  padding-top:8px;
  border-color:#40404096;
  border-style:solid;
  border-width:1px;
  padding-left:8px;
  border-radius:12px;
  padding-right:8px;
  flex-direction:row;
  padding-bottom:8px;
  justify-content:center;
  }
      

  .HDGzh {
    width:60%;
  }
      

          @media (max-width: 1110px) {
            
  .HDGzh {
    display:none;
  }
      

          }
          
        
  .bNGWtv {
    height:100%;
  flex-wrap:wrap;
  }
      

  .ePTvgx {
    flex:1;
  height:100%;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  flex-direction:column;
  justify-content:space-between;
  }
      

  .rLgNQ {
    color:#ffffff;
  height:40px;
  display:flex;
  background:#262626;
  align-items:center;
  padding-top:3px;
  padding-left:10px;
  padding-right:10px;
  flex-direction:row;
  padding-bottom:3px;
  justify-content:flex-start;
  border-top-left-radius:6px;
  border-top-right-radius:6px;
  border-bottom-left-radius:6px;
  border-bottom-right-radius:6px;
  }
      

  .RsfAL {
    width:100%;
  height:200px;
  flex-grow:1;
  max-width:100%;
  background: #d80e0e;
  }
      

  .cKPDla {
    gap:var(--xsmall);
  color:#f2f2f2;
  width:100%;
  cursor:pointer;
  font-size:1rem;
  transition:box-shadow 200ms ease 0ms,color 200ms ease 0ms,border-color 200ms ease 0ms,background-color 200ms ease 0ms;
  align-items:center;
  font-weight:500;
  padding-top:var(--xsmall);
  padding-left:var(--xsmall);
  border-radius:var(--xsmall);
  padding-right:var(--xsmall);
  flex-direction:row;
  padding-bottom:var(--xsmall);
  justify-content:start;
  }
      

  .cKPDla:hover {
    color:var(--grey-00, #ffffffff);
  background-color:var(--Xline, #2f3336);
  }
      

  .cKPDla.current_page {
    background: #333333;
  }
      

  .dYPGEW {
    color:var(--grey-900, #171717);
  z-index:1;
  position:relative;
  background: #ffffff;
  box-shadow:0px 0px 12px 4px var(--grey-00,#ffffffff) inset, 0px 2px 4px -1px var(--grey-200, #E5E5E5);
  align-items:center;
  padding-top:var(--xxsmall);
  border-color:var(--grey-200, #E5E5E5);
  border-style:solid;
  border-width:1px;
  padding-left:var(--xsmall);
  border-radius:var(--xxsmall);
  padding-right:var(--xsmall);
  flex-direction:row;
  padding-bottom:var(--xxsmall);
  justify-content:start;
  }
      

  .biHXv {
    width:30px;
  height:30px;
  }
      

  .eWJbKb {
    display:flex;
  row-gap:10px;
  column-gap:10px;
  align-items:center;
  flex-direction:row;
  justify-content:center;
  }
      

  .eWJbKb:focus-visible {
    outline-color:var(--blue-300, #93C5FD);
  outline-style:solid;
  outline-width:3px;
  }
      

  .fuOvST {
    font-weight:300;
  }
      

          @media (max-width: 1110px) {
            
  .fuOvST {
    display:none;
  }
      

          }
          
        
  .dJdnob {
    right:0px;
  z-index:1;
  position:absolute;
  transform:translateX(calc(100% + 0.25rem));
  align-items:center;
  flex-direction:row;
  justify-content:start;
  }
      

  .eZpTJN {
    width:100%;
  height:fit-content;
  display:flex;
  padding-left:10px;
  padding-right:10px;
  flex-direction:column;
  }
      

  .dMUvhL {
    z-index:;
  }
      

  .exypCz {
    width:100%;
  }
      

  .eIYApM {
    color:#ffffff;
  width:fit-content;
  cursor:pointer;
  height:30px;
  display:flex;
  row-gap:7px;
  z-index:9;
  background: #141414;
  column-gap:7px;
  align-items:center;
  padding-top:8px;
  padding-left:20px;
  border-radius:6px;
  padding-right:20px;
  flex-direction:row;
  padding-bottom:8px;
  pointer-events:auto;
  justify-content:center;
  }
      

  .eIYApM:hover {
    color:#ffffff;
  background-color:var(--blue-500, #3B82F6);
  }
      

          @media (max-width: 1110px) {
            
  .eSvAiA {
    display:none;
  }
      

          }
          
        
  .IcYmP {
    color:#ffffff;
  font-size:0.8rem;
  }
      

  .eSKmWX {
    display:flex;
  flex-grow:1;
  align-items:center;
  flex-shrink:1;
  flex-direction:column;
  justify-content:flex-start;
  }
      

  .bhowkZ {
    display:none;
  }
      

          @media (max-width: 1110px) {
            
  .bhowkZ {
    width:100%;
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
  }
      

          }
          
        
  .dEAcYD {
    padding-left:2px;
  padding-right:2px;
  }
      

  .HCbGY {
    top:0px;
  left:0px;
  right:0px;
  bottom:0px;
  display:flex;
  z-index:;
  position:fixed;
  align-items:center;
  padding-left:20px;
  padding-right:20px;
  flex-direction:column;
  justify-content:center;
  background-color:#1212128f;
  }
      

  .bzEyfs {
    width:16rem;
  height:100vh;
  z-index:3;
  flex-wrap:wrap;
  overflow-y:auto;
  align-items:center;
  flex-direction:column;
  justify-content:space-between;
  }
      

          @media (max-width: 1110px) {
            
  .bzEyfs {
    width:4.5rem;
  }
      

          }
          

          @media (max-width: 486px) {
            
  .bzEyfs {
    display:none;
  }
      

          }
          
        
  .dBMORP {
    color:#ffffff;
  display:flex;
  row-gap:5px;
  font-size:var(--font-size-sm);
  column-gap:5px;
  align-items:center;
  flex-direction:row;
  justify-content:flex-start;
  }
      

  .dBMORP.success {
    color:#60ff52;
  }
      

  .dBMORP.error {
    color:#ff0505;
  }
      

  .fJmxj {
    color:#c7c7c7;
  display:inline-block;
  font-size:var(--font-size-sm);
  max-width:300px;
  text-align:center;
  font-weight:300;
  }
      

  .cdyVmu {
    color:#000000;
  width:fit-content;
  cursor:pointer;
  height:30px;
  display:flex;
  z-index:9;
  background: #ffffff;
  align-items:center;
  padding-top:8px;
  padding-left:20px;
  border-radius:6px;
  padding-right:20px;
  padding-bottom:8px;
  pointer-events:auto;
  justify-content:center;
  }
      

  .cdyVmu:hover {
    color:#ffffff;
  background-color:var(--blue-500, #3B82F6);
  }
      

  .clpjTb {
    gap:20px;
  width:100%;
  display:flex;
  max-width:300px;
  align-items:center;
  justify-content:flex-end;
  }
      

  .eNhKBC {
    color:#a1a1a1;
  width:100%;
  cursor:pointer;
  height:50px;
  display:none;
  padding-top:8px;
  border-color:#40404096;
  border-style:solid;
  border-width:1px;
  padding-left:8px;
  border-radius:30px;
  padding-right:8px;
  padding-bottom:8px;
  background-color:#0260e336;
  }
      

  .eNhKBC:hover {
    background-color:#1c1e2291;
  }
      

  .eiXvvp {
    flex:1;
  height:100%;
  text-align:left;
  }
      

  .AZxGB {
    color:#db0000;
  display:flex;
  row-gap:5px;
  font-size:var(--font-size-sm);
  column-gap:5px;
  align-items:center;
  flex-direction:row;
  justify-content:flex-start;
  }
      

  .aIIqP {
    width:30px;
  height:30px;
  display:flex;
  background: #c30950;
  align-items:center;
  justify-content:center;
  border-top-left-radius:50%;
  border-top-right-radius:50%;
  border-bottom-left-radius:50%;
  border-bottom-right-radius:50%;
  }
      

  .ewpBLw {
    top:0px;
  width:100%;
  bottom:0px;
  height:100dvh;
  display:flex;
  z-index:6;
  position:fixed;
  flex-grow:1;
  max-width:100%;
  background:;
  max-height:100dvh;
  min-height:100dvh;
  align-items:center;
  flex-shrink:1;
  flex-direction:column;
  pointer-events:none;
  justify-content:space-between;
  border-top-left-radius:0px;
  border-top-right-radius:0px;
  border-bottom-left-radius:0px;
  border-bottom-right-radius:0px;
  }
      

  .bZFtOT {
    color:#666666;
  width:100%;
  font-size:0.8rem;
  }
      

  .SkslE {
    width:100%;
  row-gap:5px;
  column-gap:5px;
  }
      

  .bXKCFL {
    color:inherit;
  display:inline-block;
  }
      

  .bjlFkY {
    width:100%;
  height:50px;
  display:none;
  }
      

          @media (max-width: 486px) {
            
  .bjlFkY {
    width:100%;
  height:50px;
  display:flex;
  }
      

          }
          
        
  .cSauIP {
    color:var(--grey-200, #E5E5E5);
  width:100%;
  cursor:pointer;
  background: #0067e6;
  padding-top:12px;
  padding-left:8px;
  border-radius:6px;
  padding-right:8px;
  padding-bottom:12px;
  }
      

  .cSauIP:hover {
    background-color:var(--blue-500, #3B82F6);
  }
      

          @media (max-width: 1110px) {
            
  .cSauIP {
    display:none;
  }
      

          }
          
        
  .dWVrSV {
    top:0px;
  width:100%;
  bottom:0px;
  display:flex;
  flex-wrap:nowrap;
  background:#000000;
  min-height:100vh;
  flex-direction:row;
  }
      

  .dvfZQE {
    gap:var(--xsmall);
  flex:1;
  align-items:center;
  justify-content:start;
  }
      

  .eRmMom {
    gap:20px;
  display:flex;
  align-items:center;
  flex-direction:column;
  justify-content:center;
  }
      

  .cTZJFz {
    color:var(--grey-200, #E5E5E5);
  width:100%;
  cursor:pointer;
  max-width:250px;
  align-items:center;
  padding-top:8px;
  padding-left:8px;
  border-radius:6px;
  padding-right:8px;
  padding-bottom:8px;
  justify-content:start;
  background-color:var(--ColorPrimaryHover, #1da1f2);
  }
      

  .cTZJFz:hover {
    background-color:var(--blue-500, #3B82F6);
  }
      

  .cVCPwQ {
    color:#ffffff;
  width:100%;
  height:fit-content;
  display:flex;
  font-size:var(--font-size-sm);
  align-items:flex-start;
  font-weight:600;
  padding-top:var(--small);
  padding-left:var(--small);
  padding-right:var(--small);
  flex-direction:row;
  padding-bottom:var(--small);
  justify-content:flex-start;
  border-bottom-color:transparent;
  border-bottom-style:solid;
  border-bottom-width:1px;
  }
      

          @media (max-width: 1110px) {
            
  .cVCPwQ {
    display:flex;
  align-items:center;
  justify-content:center;
  }
      

          }
          
        
  .web-window-manager\:ezcvqOHNFUzIbho4r7w20 {
    width:100%;
  }
      

  .eDnPrr {
    :;
  gap:var(--medium);
  width:100%;
  height:fit-content;
  overflow-x:clip;
  overflow-y:auto;
  padding-top:var(--small);
  padding-left:var(--small);
  padding-right:var(--small);
  padding-bottom:var(--small);
  scrollbar-color:#333 black;
  scrollbar-width:thin;
  scrollbar-radius:20px;
  scrollbar-border-radius:20px;
  }
      
.eDnPrr::-webkit-scrollbar {
  width: 4px;
}


          @media (max-width: 1110px) {
            
  .eDnPrr {
    display:flex;
  align-items:center;
  justify-content:center;
  }
      

          }
          
        
  .euyKTz {
    gap:10px;
  flex-wrap:wrap;
  padding-top:15px;
  padding-bottom:15px;
  border-top-color:#6765658a;
  border-top-style:solid;
  border-top-width:1px;
  }
      

  .ebIbyP {
    gap:30px;
  color:#ffffff;
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  padding-top:-90px;
  flex-direction:column;
  pointer-events:auto;
  justify-content:space-between;
  }
      

  .cXeNRX {
    display:none;
  animation:2s ease 0ms 1 normal none running animation-empty;
  }
      

          @media (max-width: 486px) {
            
  .cXeNRX {
    color:#dedede;
  width:100%;
  display:flex;
  z-index:7;
  position:relative;
  animation:;
  background: #121212b8;
  transition:all 300ms ease;
  align-items:center;
  padding-top:9px;
  padding-left:20px;
  padding-right:20px;
  flex-direction:row;
  padding-bottom:9px;
  pointer-events:auto;
  justify-content:space-between;
  }
      

          }
          

  .cXeNRX.scroll-down {
    animation:;
  translate:0 125% 0;
  transition:all 300ms ease;
  }
      

  .fiifnl {
    color:#ffffffe8;
  font-size:1.8rem;
  text-align:center;
  font-weight:var(--font-weight-bold);
  }
      

  .xAvTj {
    width:40px;
  display:none;
  }
      

          @media (max-width: 1110px) {
            
  .xAvTj {
    display:flex;
  align-items:flex-start;
  justify-content:flex-start;
  }
      

          }
          
        
  .bJlSlm {
    color:var(--grey-200, #E5E5E5);
  width:fit-content;
  cursor:pointer;
  height:30px;
  display:flex;
  background: #1965fa;
  align-items:center;
  padding-top:8px;
  padding-left:20px;
  border-radius:6px;
  padding-right:20px;
  padding-bottom:8px;
  justify-content:center;
  }
      

  .bJlSlm:hover {
    background-color:var(--blue-500, #3B82F6);
  }
      

  .ZkHHC {
    height:100%;
  flex-grow:2;
  text-align:left;
  }
      

  .eqJrmJ {
    display:none;
  background:#000000;
  transition:all 300ms ease;
  }
      

          @media (max-width: 486px) {
            
  .eqJrmJ {
    width:100%;
  display:flex;
  z-index:7;
  background:#000000;
  align-items:center;
  padding-top:12px;
  padding-left:12px;
  padding-right:12px;
  flex-direction:row;
  padding-bottom:12px;
  pointer-events:auto;
  justify-content:space-between;
  }
      

          }
          

          @media (max-width: 486px) {
            
  .eqJrmJ.scroll-down {
    display:flex;
  z-index:7;
  animation:;
  background:#00000099;
  transition:display 300ms ease, all 300ms ease;
  align-items:center;
  flex-direction:row;
  justify-content:space-between;
  }
      

          }
          
        
  .eUoYCr {
    color:inherit;
  display:inline-block;
  font-size:0.9rem;
  }
      

  .dPwtmH {
    width:120px;
  height:30px;
  display:flex;
  z-index:9;
  background:;
  align-items:flex-start;
  pointer-events:auto;
  justify-content:center;
  border-top-left-radius:9px;
  border-top-right-radius:9px;
  border-bottom-left-radius:9px;
  border-bottom-right-radius:9px;
  }
      

  .eireoC {
    width:16rem;
  height:100%;
  display:flex;
  z-index:0;
  position:fixed;
  max-width:100%;
  box-shadow:-8px 0px 16px 0px #000000 inset;
  transition:transform 200ms ease 0ms;
  padding-top:10px;
  padding-left:10px;
  padding-right:10px;
  flex-direction:column;
  padding-bottom:10px;
  background-color:#000000;
  }
      

          @media (max-width: 1110px) {
            
  .eireoC {
    width:4.5rem;
  border-color:var(--Xline, #2f3336);
  border-style:solid;
  border-width:1px;
  }
      

          }
          
        
  .PVKFC {
    width:100%;
  display:flex;
  position:relative;
  max-width:450px;
  background:#000000;
  box-shadow:0px 6px 12px 0 #0000002b;
  padding-top:50px;
  border-radius:12px;
  flex-direction:column;
  padding-bottom:50px;
  }
      

  .character-new\:sb4eXzA3Ae9gjj4AJG8WT {
    width:100%;
  display:flex;
  flex-wrap:wrap;
  overflow-x:clip;
  overflow-y:clip;
  align-items:flex-start;
  justify-content:flex-start;
  }
      

  .bmKCsR {
    width:100%;
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
  }
      

  .bdcCYH {
    width:100%;
  display:flex;
  row-gap:5px;
  background:#121212;
  column-gap:5px;
  align-items:flex-end;
  padding-top:10px;
  border-color:var(--grey-600);
  border-style:solid;
  border-width:2px;
  padding-left:12px;
  padding-right:12px;
  flex-direction:column;
  padding-bottom:10px;
  justify-content:flex-end;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  border-bottom-left-radius:8px;
  border-bottom-right-radius:8px;
  }
      

  .bdcCYH.error {
    border-color:var(--red-700);
  border-style:solid;
  border-width:2px;
  }
      

  .ceXSjr {
    color:#b9bcbd;
  width:fit-content;
  display:inline-block;
  font-size:0.95rem;
  max-width:100%;
  min-width:50px;
  box-sizing:border-box;
  word-break:break-word;
  font-weight:400;
  padding-top:7px;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:7px;
  background-color:#1f2122;
  border-top-left-radius:23px;
  border-top-right-radius:23px;
  border-bottom-left-radius:3px;
  border-bottom-right-radius:23px;
  }
      

  .ceXSjr.user {
    color:#b9bcbd;
  max-width:100%;
  background-color:#004979;
  border-top-left-radius:23px;
  border-top-right-radius:23px;
  border-bottom-left-radius:23px;
  border-bottom-right-radius:3px;
  }